<!DOCTYPE html>
<html>
<head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title></title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width">

        <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
        
        <style>
        	.contactFooter {
        		text-align: center;
        		padding: 0;
        	}
        	
        	.contactFooter li {
        		display: inline;
        		margin-left: 175px;
        	}
        	/*.contactFooter li:not(:first-child) virker ikke i IE8 og ned*/
        	.contactFooter li:first-child {
    			margin-left: 0px;
    		}
    		
    		
        	a {
        		text-decoration: none;
        		font-weight: bold;
        		color: fff;
        		background-color: rgba(100, 100, 100, 0.5);
        		border-radius: 10px;
        		padding: 5px 15px;
        		color: #fff;
        		text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
        		
        		-webkit-transition: all 0.5s ease;
        	}
        	a:hover {
        		color: #000000;	
				background-color: #B62121;        		
        	}
        </style>

</head>
<body>

<ul class="contactFooter">
	<li><a href="#">Nyheder</a></li>
	<li><a href="#">Kontakt</a></li>
	<li><a href="#">Om os</a></li>
	<li><a href="#">Produkter</a></li>
	<li><a href="#">Jobs</a></li>
</ul>

</body>
</html>